<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="lib/angular.min.js"></script>
	<script src="lib/angular-route.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/route.js"></script>
	<script type="text/javascript" src="js/all.js"></script>
	<script type="text/javascript" src="js/service.js"></script>
	<link rel="stylesheet" type="text/css" href="css/all.css"/>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			font-family: "微软雅黑";
		}
		header{
			display: flex;
			justify-content: space-around;
			background-color: #ffd600;
			width: 10rem;
			height: 1.4375rem;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
		}
		
		.img1{
			width: 0.5625rem;
			height: 0.5625rem;
			align-content: center;
			/*margin-top: 0.472rem;*/
		}
		header span{
			font-size: 0.5rem;
			margin-top: 0.3rem;
			margin-left: 1.7rem;
			font-weight: bold;
			text-align: center;
		}
		
		header dd{
			font-size: 0.4rem;
			text-align: center;
			
		}
		
		header .dl1{
			margin-left: 0rem;
			margin-top: 0.3125rem;
		}
		
		.img3{
			width: 0.5rem;
			height: 0.444rem;
			align-content: center;
			
		}
		
		.img2{
			width:0.7rem;
			height: 0.5625rem;
			align-content: center;
			
		}
		
		header .dl2{
			margin-left: 1.5rem;
			margin-top: 0.234375rem
			
		}
		
		header dl{
			
			
		}
		
		footer{
			background-color: #f0f1f2;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			width: 10rem;
			height:1.5625rem;
			display: flex;
		}
		
		
		footer dd{
			font-size: 0.375rem;
			text-align: center;
			
			
		}
		
		footer a{
			text-decoration: none;
			color: black;
		}
		footer dt{
			text-align: center;
			
			
		}
		
		footer dt img{
			width: 0.625rem;
			height: 0.625rem;
			display: inline-block;
			
		}
		footer dl{
			width: 2rem;
			margin-top: 0.3125rem;
		}
		#gexing{
			width: 0.703125rem;
			height: 0.703125rem;
		}
	</style>
	<body>
		<!--头部区-->
		<header>
		<dl class="dl1">
			<dt><img align="center" class="img1" src="img/sao.png"/></dt>
			<dd>扫一扫</dd>
		</dl>
		
			<span>济源路附近<img class="img3" src="img/sanjiao.png" alt="" /></span>
			
			<dl class="dl2">
				<dt style="text-align:center;"><img class="img2" src="img/fangda.png"  /></dt>
				<dd>搜 索</dd>
			</dl>
		</header>
	    <!--显示区-->
	    <section ng-view>
	    	<!--轮播图-->
	    	<!--<div id="lunbo">
	    		<ul>
	    			<li><img id="lunbotu" src="lovebeeimg/firstpage/201706141943155.jpg@90Q.jpg"/></li>
	    		</ul>
	    	</div>
	    	<div class="gray"></div>
	    	<div class="choise">
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423561683.png"/></dt>
	    			<dd>抽奖</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423544891.png"/></dt>
	    			<dd>疯狂秒杀</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423554359.png"/></dt>
	    			<dd>鲜货直供</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423561683.png"/></dt>
	    			<dd>大闸蟹</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423561683.png"/></dt>
	    			<dd>水果</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423544891.png"/></dt>
	    			<dd>乳品</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423554359.png"/></dt>
	    			<dd>卤味</dd>
	    		</dl>
	    		<dl>
	    			<dt><img src="lovebeeimg/firstpage/2017061423561683.png"/></dt>
	    			<dd>零食</dd>
	    		</dl>
	    	</div>
	    	<div class="gray"></div>
	    	<div class="paper">
	    		<span class="prevent">防霾</span>
	    		<span class="font">3M防霾口罩22.8元/3只 1小时闪送</span>
	    	</div>
	    	<div class="gray"></div>
	    	<div id="middle">
	    		<dl>
	    			<dt><span style="color: deepskyblue;font-size: 0.5rem;">骑士酸牛奶</span><br />尝鲜价6.8元</dt>
	    			<dd><img src="lovebeeimg/firstpage/milk.png"/></dd>
	    		</dl>
	    		<div class="long"></div>
	    		<dl>
	    			<dt><span style="color: #f5ca0f;font-size: 0.5rem;">15度蜜梨</span><br />促销价14.6元</dt>
	    			<dd><img src="lovebeeimg/firstpage/milk.png"/></dd>
	    		</dl>
	    		<div class="long"></div>
	    		<dl style="margin-left:0.234375rem;">
	    			<dt><span style="color: #f5ca0f;font-size: 0.5rem;">库尔勒香梨</span><br />降秋燥29.9元/4斤</dt>
	    			<dd><img src="lovebeeimg/firstpage/milk.png"/></dd>
	    		</dl>
	    	</div>
	    	<div class="gray"></div>
	    	<div id="forth">
	    		<img class="first" src="lovebeeimg/firstpage/water.png"/>
	    		<img class="second" src="lovebeeimg/firstpage/meat.png"/>
	    		<img class="third" src="lovebeeimg/firstpage/2016112918160610.jpg@90Q.jpg"/>
	    		<img class="four" src="lovebeeimg/firstpage/201609241914489.jpg@90Q.jpg"/>
	    	</div>
	    	<div class="gray"></div>
	    	<div id="fruit">
	    		<div id="title">
	    			<div id="tiaozheng">
	    			<div id="orange"></div><span id="good">优选水果</span>
	    			</div>
	    			<span style="margin-left: 4rem;color: #999999;font-size: 0.4rem;">更多<span style="color: #5d5d5d;font-size: 0.4rem;">&gt;</span> </span>
	    		</div>
	    		<div id="pic">
	    		<img src="lovebeeimg/firstpage/pic.png"/>
	    	    </div>
	    	    <div class="kind">
	    	    	<dl>
	    	    		<dt><img class="myimg" src="lovebeeimg/firstpage/pear.png"/></dt>
	    	    		<dd>蜂觅·15度蜜梨<br/><span class="prevent">精选</span><span>买一赠一</span><br />400-500g/盒<br />￥14.6 <s>￥16</s> <img class="press" src="lovebeeimg/firstpage/press.png"/></dd>
	    	    	</dl>
	    	    	<dl>
	    	    		<dt><img class="myimg" src="lovebeeimg/firstpage/peach.png"/></dt>
	    	    		<dd>蜂觅·15度蜜梨<br/><span class="prevent">精选</span><span>买一赠一</span><br />400-500g/盒<br />￥14.6 <s>￥16</s> <img class="press" src="lovebeeimg/firstpage/press.png"/></dd>
	    	    	</dl>
	    	    	<dl>
	    	    		<dt><img class="myimg" src="lovebeeimg/firstpage/orange.png"/></dt>
	    	    		<dd>蜂觅·15度蜜梨<br/><span class="prevent">精选</span><span>买一赠一</span><br />400-500g/盒<br />￥14.6 <s>￥16</s> <img class="press" src="lovebeeimg/firstpage/press.png"/></dd>
	    	    	</dl>
	    	    </div>
	    	</div>-->
	    	
	    </section>
	    <!--尾部区-->
	    <footer>
	    	<a href="#/home">
	    	<dl>
	    		<dt><img src="lovebeeimg/super/首页.png"/></dt>
	    		<dd>首页</dd>
	    	</dl>
	    	</a>
	    	<a href="#/market热销榜">
	    	<dl>
	    		<dt><img src="lovebeeimg/super/闪电超市.png"/></dt>
	    		<dd>闪送超市</dd>
	    	</dl>
	    	</a>
	    	<a href="#/prepare">
	    	<dl>
	    		<dt><img id="gexing" src="lovebeeimg/firstpage/xinxian.png"/></dt>
	    		<dd>新鲜预定</dd>
	    	</dl>
	    	</a>
	    	<a href="#/mcar">
	    	<dl>
	    		<dt><img src="lovebeeimg/super/购物车.png"/></dt>
	    		<dd>购物车</dd>
	    	</dl>
	    	</a>
	    	<a href="#/mine">
	    	<dl>
	    		<dt><img src="lovebeeimg/super/我的.png"/></dt>
	    		<dd>我的</dd>
	    	</dl>
	    	</a>
	    </footer>
	</body>
	
	
</html>
